<template>
	<view>
		<view class="avatar_bg_wrap">
			<!-- 用户中心 -->
			<image mode="aspectFill" class="avatar_bg" :src="userInfo.avatarUrl" />
		</view>
	</view>
</template>

<script>
	// uni-app 行为写这里
	export default {
		data() {
			return {
				userInfo: {}
			}
		},
		onLoad() {
			
		},
		onShow(){
			this.userInfo = uni.getStorageSync('userInfo') || {};
		},
		// uni-app 事件写到 methods 中
		methods: {
			
		}
	}
</script>

<style lang="less">
	.avatar_bg_wrap{
		width: 100vw;
		height: 330rpx;
		overflow: hidden;
	}
	.avatar_bg{
		width: 110%;
		height: 110%;
		transform: translate(-5%,-5%);
		// 模糊滤镜
		filter: blur(15px);
	}
</style>
